var htmlW = $('html').outerWidth(true)
// console.log(htmlW)
if (htmlW <= 768) {
  console.log(768)
  $('.gridly').gridly({
    base: 60,
    gutter: 10,
    columns: 12,
  });
} else if (htmlW <= 992) {
  console.log(992)
  $('.gridly').gridly({
    base: 60,
    gutter: 10,
    columns: 12,
  });
} else if (htmlW <= 1000) {
  $('.gridly').gridly({
    base: 60,
    gutter: 10,
    columns: 12,
  });
}  else if (htmlW <= 1100) {
  $('.gridly').gridly({
    base: 80,
    gutter: 10,
    columns: 12,
  });
} else if (htmlW <= 1200) {
  console.log(1200)
  $('.gridly').gridly({
    base: 74,
    gutter: 10,
    columns: 18,
  });
} else if (htmlW <= 1300) {
  $('.gridly').gridly({
    base: 70,
    gutter: 10,
    columns: 18,
  });
} else if (htmlW <= 1400) {
  $('.gridly').gridly({
    base: 68,
    gutter: 10,
    columns: 18,
  });
} else if (htmlW <= 1450) {
  $('.gridly').gridly({
    base: 68,
    gutter: 10,
    columns: 18,
  });
}  else if (htmlW <= 1500) {
  $('.gridly').gridly({
    base: 71,
    gutter: 10,
    columns: 18,
  });
} else if (htmlW <= 1600) {
  $('.gridly').gridly({
    base: 70,
    gutter: 10,
    columns: 24,
  });
} else {
  $('.gridly').gridly({
    base: 70,
    gutter: 10,
    columns: 24,
  });
}
// Generated by CoffeeScript 1.6.3
// (function() {
//   $(function() {
//     var brick;
//     brick = "<div class='brick small'><div class='delete'>&times;</div></div>";
//     // $(document).on("click", ".gridly .brick", function(event) {
//     //   var $this, size;
//     //   event.preventDefault();
//     //   event.stopPropagation();
//     //   $this = $(this);
//     //   $this.toggleClass('small');
//     //   $this.toggleClass('large');
//     //   if ($this.hasClass('small')) {
//     //     size = 140;
//     //   }
//     //   if ($this.hasClass('large')) {
//     //     size = 300;
//     //   }
//     //   $this.data('width', size);
//     //   $this.data('height', size);
//     //   return $('.gridly').gridly('layout');
//     // });
//     $(document).on("click", ".gridly .delete", function(event) {
//       var $this;
//       event.preventDefault();
//       event.stopPropagation();
//       $this = $(this);
//       $this.closest('.brick').remove();
//       return $('.gridly').gridly('layout');
//     });
//     $(document).on("click", ".add", function(event) {
//       event.preventDefault();
//       event.stopPropagation();
//       $('.gridly').append(brick);
//       return $('.gridly').gridly();
//     });
//     $('.gridly').gridly({
//       base: 60,
//       gutter: 10,
//       columns: 28,
//     });
//   });

// }).call(this);
